@import './var.less';

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
h1,h2,h3,h4,h5 { margin: 0;padding:0; }

// 修改覆盖element组件样式
.el-container {width: 100%;height: 100%;}
.el-aside {background-color: rgb(31, 33, 45);
    .el-menu { border-right: 0;
        .el-menu-item:hover {background: linear-gradient(to right, rgb(70,193,211), rgb(31, 141, 238)) !important;}
    }
}
.el-header {padding: 0;
    .el-menu .el-menu--horizontal { border-bottom: 0; }
}
.side-box {
    .el-submenu .el-menu-item { min-width: unset; }
}
.el-tabs .el-tabs__header {background: #fff;padding: 10px 20px 0; margin-bottom: 0;}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {background: #f4f5f7;color: #606266;border-bottom: 0;}


.el-input.normal {
    width: @width217;
}
.el-textarea.normal {
    width: @width500;
}
// 自定义样式
.x-content {display: flex;flex-direction: column;padding-top: 0;background-color: #f4f5f7;
    .x-container {flex: 1;margin-top: 20px;padding: 30px;background-color: #fff;}
}
.x-page-title {margin-bottom: 20px;font-size: 20px;}
